<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <link rel="stylesheet" type="text/css" href="css/styles.css"/>
        <link rel="stylesheet" type="text/css" href="css/960_12_col.css"/>
        <link rel="stylesheet" type="text/css" href="css/reset.css"/>
        <link rel="stylesheet" type="text/css" href="css/text.css"/>
    </head>
    <body>
        <div class="container_12">
            <div class="grid_4">
                <div id="logo"><a href="#"><img src="images/logo.png"/></a></div>
            </div>
            <div class="grid_8">
                <div id="phone">
                    <h1><small>(8499)&nbsp;</small>709 79 79</h1>
                </div>
                <!---->
            </div>
            <div class="clear"></div>
            <div class="grid_3">
                &nbsp;
            </div>
            <div class="grid_9">
                <div id="menu">
                    <ul>
                        <li id="actyve"><a id="act" href="#">О компании</a></li>
                        <li><a href="#">Услуги</a></li>
                        <li><a href="#">Статьи</a></li>
                        <li><a href="#">Новости</a></li>
                        <li><a href="#">Гарантия</a></li>
                        <li><a href="#">Контакты</a></li>
                    </ul>
                </div>
            </div>
            <div class="clear"></div>
            <div class="grid_12" style="margin-left: 0px; margin-right: 0px;">
                <div id="main_banner">
                    &nbsp;<!-- собственно баннер, меняй содержимое а не обвязку -->
                </div>
            </div>
        </div>
        <div class="container_12" style="margin-top: 30px">
            <div id="search_news_block">
                <div class="grid_6">
                    <div id="news">
                        <h1><a href="#"><span>01-01-2013</span>Заголовок новости</a></h1>
                        <p>[21.01.2013 14:39:12] Веб-студия Авердо: Лот-комфорт.</p>   <!-- тут обязательно ограничить количество символов на отображение анонса -->
                    </div>
                </div>
                <div class="grid_6">
                    <div id="search_box">
                        <form id="form_search">
                            <input type="text" class="input-text" value="" id="search" autocomplete="off"/>
                            <button class="button" title="Поиск" type="submit"><span><span>Поиск</span></span></button>
                            <div class="search-autocomplete" id="search_autocomplete" style="display: none;"></div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        <div class="container_12" style="margin-top: 20px">
            <div class="grid_3">
                <div id="link_wrapper">
                    <a href="#" id="main_link">Кондиционирование</a>
                </div>
            </div>
            <div class="grid_3">
                <div id="link_wrapper">
                    <a href="#" id="main_link">Вентеляция</a>
                </div>
            </div>
            <div class="grid_3">
                <div id="link_wrapper">
                    <a href="#" id="main_link">Отопление</a>
                </div>
            </div>
            <div class="grid_3">
                <div id="link_wrapper">
                    <a href="#" id="main_link">Наши бренды</a>
                </div>
            </div>
            <div class="clear"></div>
            <div class="grid_3"><!-- тут начинаются слои с банерами -->
                <div id="button_1">
                    <a href="#"></a>
                </div>
            </div>
            <div class="grid_3">
                <div id="button_2">
                    <a href="#"></a>
                </div>
            </div>
            <div class="grid_3">
                <div id="button_3">
                    <a href="#"></a>
                </div>
            </div>
            <div class="grid_3">
                <div id="button_4">
                    <a href="#"></a>
                </div>
            </div>
        </div><!-- тут они заказнчиваются -->
        <div class="container_12" style="padding-top: 10px;">
            <div class="grid_9">
               
                <div id="main_content">
                     <h1 id="title">Заголовок</h1>
                    <img align="left" src="images/8404.jpg"/>
                    <p>
                        Sed ut perspiciatis, unde omnis iste natus error sit voluptatem 
                        accusantium doloremque laudantium, totam rem aperiam eaque ipsa, 
                        quae ab illo inventore veritatis et quasi architecto beatae vitae 
                        dicta sunt, explicabo. nemo enim ipsam voluptatem, quia voluptas sit, 
                        aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos, 
                        qui ratione voluptatem sequi nesciunt, neque porro quisquam est, qui dolorem 
                        ipsum, quia dolor sit, amet, consectetur, adipisci velit, sed quia 
                        non numquam eius modi tempora incidunt, ut labore et dolore magnam 
                        aliquam quaerat voluptatem. ut enim ad minima veniam, quis nostrum 
                        exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea 
                        commodi consequatur? quis autem vel eum iure reprehenderit, qui in ea 
                        voluptate velit esse, quam nihil molestiae consequatur, vel illum, qui dolorem 
                        eum fugiat, quo voluptas nulla pariatur?
                    </p>
                    <h2>Заголовок второго уровня</h2>
                    <h3>Заголовок третьего уровня</h3>
                    <h4>Заголовок четвертого уровня</h4>
                    <h5>Заголовок пятого уровня</h5>
                    <p>
                        <a href="#">Sed ut perspiciatis,</a> unde omnis iste natus error sit voluptatem 
                        accusantium doloremque laudantium, totam rem aperiam eaque ipsa, 
                        quae ab illo inventore veritatis et quasi architecto beatae vitae 
                        dicta sunt, explicabo. nemo enim ipsam voluptatem, quia voluptas sit, 
                        aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos, 
                        qui ratione voluptatem sequi nesciunt, neque porro quisquam est, qui dolorem 
                        ipsum, quia dolor sit, amet, consectetur, adipisci velit, sed quia 
                        non numquam eius modi tempora incidunt, ut labore et dolore magnam 
                        aliquam quaerat voluptatem. ut enim ad minima veniam, quis nostrum 
                        exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea 
                        commodi consequatur? quis autem vel eum iure reprehenderit, qui in ea 
                        voluptate velit esse, quam nihil molestiae consequatur, vel illum, qui dolorem 
                        eum fugiat, quo voluptas nulla pariatur?
                    </p>
                    <ul>
                        <li>пример списка в теле</li>
                        <li>пример списка в теле</li>
                        <li>пример списка в теле</li>
                    </ul>
                    
                    
                </div>
            </div>
            <div class="grid_3">
                <div id="right_col">
                    <h1 id="title">Статьи</h1>
                    <ul id="top_ul">
                        <li><a href="#">Статьи о кондиционировании</a>
                            <ul id="second_ul">
                                <li><a href="#">пример списка в теле</a></li>
                                <li><a href="#">пример списка в теле</a></li>
                                <li><a href="#">пример списка в теле</a></li>
                            </ul>
                        </li>
                        <li><a href="#">Статьи о кондиционировании</a>
                            <ul id="second_ul">
                                <li><a href="#">пример списка в теле</a></li>
                                <li><a href="#">пример списка в теле</a></li>
                                <li><a href="#">пример списка в теле</a></li>
                            </ul>
                        </li>
                    </ul>
                    <ul id="info_link">
                        <li id="link_1"><a href="#">обслуживание</a></li>
                        <li id="link_2"><a href="#">документация</a></li>
                        <li id="link_3"><a href="#">для проектировщиков</a></li>
                        <li id="link_4"><a href="#">предложения</a></li>
                        <li id="link_5"><a href="#">подбор оборудования</a></li>
                    </ul>
                    
                </div>
                
            </div>
        </div>
        <div id="footer">
            <div class="container_12" id="footer_wrapper">
                <div class="grid_6">
                    <div id="copy">
                        <h1>&copy;2013 "Московские Климатические Системы"</h1>
                        <h1>Кондицонеры Вентиляция Отопление</h1>
                    </div>
                </div>
                <div class="grid_6">
                    <div id="foter_link">
                        <div id="menu_foot">
                            <ul>
                                <li><a href="#">О компании</a></li>
                                <li><a href="#">Услуги</a></li>
                                <li><a href="#">Статьи</a></li>
                                <li><a href="#">Новости</a></li>
                                <li><a href="#">Гарантия</a></li>
                                <li><a href="#">Контакты</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </body>
</html>